	.container {
		padding: 0px;
	}


	/***  过滤样式  */
	.search-section {
		display: flex;
		/* 使用 flex 布局 */
		align-items: center;
		/* 垂直居中 */
		padding: 10rpx;
		/* 可根据需要调整 */
		background-color: #f5f5f5;
		/* 背景色 */
		border-radius: 10rpx;
		/* 圆角 */
	}


	.search-box {
		flex: 1;
		/* 输入框占据剩余宽度 */
		margin-right: 20rpx;
		/* 与图片的间距 */
	}

	.search-box input {
		width: 100%;
		/* 输入框宽度占满父容器 */
		height: 80rpx;
		/* 输入框高度与图片一致 */
		padding: 0 20rpx;
		/* 输入框内边距 */
		font-size: 28rpx;
		/* 字体大小 */
		background-color: #fff;
		/* 输入框背景色 */
		border: 1rpx solid #ddd;
		/* 输入框边框 */
		border-radius: 45rpx;
		/* 输入框圆角 */
		box-sizing: border-box;
		/* 确保边框和内边距不影响宽度 */
	}

	.search-filter {
		width: 80rpx;
		/* 图片宽度 */
		height: 80rpx;
		/* 图片高度 */
		display: flex;
		align-items: center;
		justify-content: center;
		/* background-color: #fff; */
		/* 图片背景色 */
		/* border: 1rpx solid #ddd; */
		/* 图片边框 */
		border-radius: 10rpx;
		/* 图片圆角 */
		margin-left: 660rpx;
	}

	.diygw-search {
		width: 665rpx;
	}

	.search-filter-image {
		width: 60rpx;
		/* 图片实际宽度 */
		height: 60rpx;
		/* 图片实际高度 */
	}



	/** 列表样式 */
	.data-list {
		padding: 20rpx;
		/* 列表内边距 */
		padding-bottom: 30rpx;
	}

	.data-item {
		display: flex;
		/* 使用 flex 布局 */
		align-items: center;
		/* 垂直居中 */
		padding: 20rpx;
		/* 每个商品项的内边距 */
		background-color: #fff;
		/* 背景色 */
		border-radius: 10rpx;
		/* 圆角 */
		margin-bottom: 10rpx;
		/* 商品项之间的间距 */
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
		/* 阴影效果 */
	}

	.data-image {
		width: 200rpx;
		/* 图片宽度 */
		height: 200rpx;
		/* 图片高度 */
		border-radius: 20rpx;
		/* 图片圆角 */
		margin-right: 20rpx;
		/* 图片与文本的间距 */
	}

	.data-info {
		flex: 1;
		/* 文本内容占据剩余宽度 */
		display: flex;
		flex-direction: column;
		/* 垂直排列 */
		justify-content: center;
		/* 垂直居中 */
	}

	.data-name {
		font-size: 32rpx;
		/* 商品名称字体大小 */
		font-weight: bold;
		/* 加粗 */
		margin-bottom: 25rpx;
		/* 名称与来源的间距 */
	}
	
	.data-name-right{
		float: right;
		margin-right: -55rpx;
	}

	.data-info-detail {
		font-size: 28rpx;
		/* 文本字体大小 */
		color: #666;
		/* 文本颜色 */
		margin-bottom: 10rpx;
		/* 文本之间的间距 */
		line-height: 45rpx;
	}

	.data-item::after {
		content: ">";
		/* 右箭头 */
		font-size: 40rpx;
		/* 箭头大小 */
		color: #999;
		/* 箭头颜色 */
		margin-left: 20rpx;
		/* 箭头与文本的间距 */
	}
	
	.split-line{
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #ccc; 
	}


	.text-theme {
		color: #4D7BFE;
	}

	.flex-direction-column {
		height: 50px;
	}
	
	.data-info-status{
	    margin-right: 20rpx;
	    border-radius: 8rpx;
	    color: #666;
	}
	

	.data-item-btn {
		justify-content: flex-end;
		display: flex;
		width: 100% !important;
		margin-bottom: 20rpx;

		.btn {
			color: #6699FF !important;
			border-radius: 200px;
			padding: 0 20rpx;
			font-size: 14px;
			height: 64rpx;
			position: relative;
			border: 0px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			line-height: 1;
			text-align: center;
			text-decoration: none;
			overflow: visible;
			-webkit-transform: translate(0px, 0px);
			transform: translate(0px, 0px);
			margin: 10rpx !important;
			padding-left: 35rpx;
			padding-right: 35rpx;
		}

		.delete {
			color: #E65C3C !important;
		}

	}
	
	
	.float-button {
		position: fixed;
		right: 30rpx;
		bottom: 100rpx;
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 5rpx 10rpx rgba(0, 0, 0, 0.2);
		z-index: 999;
	}
	
	.plus-icon {
		width: 100rpx;
		height: 100rpx;
	}
